<template>
  <u-navbar :autoBack="true" :safeAreaInsetTop="true" :placeholder="true">
    <template #right>
      <view @click="WithdrawalRecord">提现记录</view>
    </template>
  </u-navbar>
  <view class="WithdrawCash">
    <view class="Title">提现</view>
    <view class="WithdrawCash_Card flex_al_cen_ju_bet">
      <view>提现至</view>
      <view class="card flex">
        <view class="logo">
          <image
            class="boder_r_50"
            src="../../static/images/pulice/avatar.jpg"
            mode="scaleToFill"
          />
        </view>
        <view>中国银行(1234)</view>
      </view>
    </view>
    <view class="Content">
      <view>提现金额</view>
      <view class="Price">
        <u-input
          placeholder="请输入要提现的金额"
          border="bottom"
          type="number"
          fontSize="50rpx"
          :placeholderStyle="{
            'font-size': '30rpx',
          }"
          :customStyle="{
            padding: '10px 0',
          }"
        >
          <template #prefix>
            <view>￥</view>
          </template>
          <template #suffix>
            <view style="color: #ffbc01">全部提现</view>
          </template>
        </u-input>
      </view>
      <view>可提现金额: 7200.68元</view>
    </view>
    <view class="confirmChange" @click="confirmChange">确认提现</view>
    <view class="desc">温馨提示:提现申请提交后，预计在3个工作日之内到账</view>
  </view>
</template>
<script setup lang="ts">
import WithdrawCash from "@/Hooks/BankCard/WithdrawCash";
const { WithdrawalRecord, confirmChange } = WithdrawCash();
</script>
<style scoped lang="scss">
@import "../../static/css/BankCard/WithdrawCash.scss";
</style>
